<template>
    <van-tabs >
  <van-tab 
  :to="item.path" 
  v-for="(item,index) in list"
  :class="{BeiJing:index==BianSe}"
  @click="Mey(index)"
  :title="item.type">
  
  </van-tab>
  </van-tabs>
</template>

<script>

export default {
    name:'NaviGationOne',
    components:{
     
    },
	data() {
		return {
			list:[
        {
          path:'/HomePage/ContentOne',
          type:"推出"
        }, 
        {
          path:'/HomePage/GeHu',
          type:"个护"
          }, 
        {type:"百货"}, 
        {type:"电器"}, 
        {type:"配饰"}, 
        {type:"玩具"}, 
        {type:"乐器"}, 
        {type:"数码"}, 
      ],
      BianSe:0, 
		}
	},
  methods: {
    Mey(index){
      this.BianSe=index
    }
  },
	
}
</script>

<style lang="less" scoped>
.red{
  font-size: 1rem;
}
.BeiJing{
    font-size: 1rem;
    color: rgb(207, 40, 40);
    
  }
</style>